body,ul,li,a{
    margin:0px;
    padding:0px;
    list-style:none;
    text-decoration:none;
}

body{
   /*background:#f4f4f4*/
    background:#100C2A;
}

/*头部样式*/
header{
    width:100%;
    height:60px;
    background:#fff;
    margin-bottom:20px;
    box-shadow:0px 0px 5px 5px #ccc;
}
.top{
    height:60px;
    width:60%;
    margin:0 auto;
    border:1px solid green;/**/
    display:flex;
    justify-content:space-between;
}
.top>section{
    border:1px solid blue;/**/
}
.top_left{
    flex-grow:1;
    display:flex;
    align-items:center;
}
.top_left>img{
    height:50px;
}
.top_center{
    flex-grow:9;/*原5*/
}
.top_center>ul,.top_right>ul{
    height:60px;
    display:flex;
    justify-content:space-around;/*space-between*/
    align-items:center;
}
.top_center>ul>li>a,.top_right>ul>li>a{
    font-size:14px;
    color:rgba(31,45,61,0.5);
    font-weight:bold;
}
.top_right{
    flex-grow:3;/*原2*/
}
.top_right>ul{
    justify-content:space-around;
}
.top_center>ul>li:first-child{
    position:relative;
}
.top_center>ul>li:first-child>div{
    /*border:1px solid red;*/
    padding:10px 0px;
    position:absolute;
    padding-left:15px;/**/
    width:180px;
    background:#fff;
    top:25px;
    left:-10px;
    display:none;
}
.top_center>ul>li:first-child:hover>div{
    display:block;
}
.top_center>ul>li:first-child>div>ul>li>a{
    /*border:1px solid red;*/
    display:flex;
    /*justify-content:space-between;*/
    align-items:center;
    /*padding:0px 10px;*/
}
.top_center>ul>li:first-child>div>ul>li{
    /*border:1px solid red;*/
    margin-top:5px;
}
.top_center>ul>li:first-child>div>ul>li>a>img{
    height:40px;
}
.top_center>ul>li:first-child>div>ul>li>a>span{
    color:#8492A6;
    font-size:12px;
    font-weight:bold;
    /*border:1px solid red;*/
    margin-left:15px;
}

content{
    width:100%;
    height:600px;
    border:1px solid black;
    /*justify-content:space-between;*/
    background:darkblue;
}

.content-left{
    position:absolute;
    height:600px;/**/
    float:left;
    width:30%;
    /*border:1px solid red;*/
}
.content-left1{
    /*position:absolute;*/
    height:30%;
    /*border:1px solid black;*/
}
.content-left2{
    /*position:absolute;*/
    height:30%;
    /*border:1px solid black;*/
}
.content-left3{
    /*position:absolute;*/
    height:40%;
    /*border:1px solid black;*/
}

.content-center{
    position:absolute;
    left:30%;
    width:40%;
    height:600px;
    /*border:1px solid green;*/
}
.content-center1{
    /*position:absolute;*/
    height:30%;
    border:1px solid black;/**/
    color:white;
    background:#100C2A;
    margin-bottom:10px;/**/
}
.content-center1>h2{
    text-align:center;
}
.content-center1>h3{
    text-align:left;
}
.sea-rank>span{
    left:15px;
}
.sea-rank>span:nth-child(2){
    color:red;
}

.content-center2{
    /*position:absolute;*/
    height:70%;
    border:1px solid black;/**/
}

.content-right{
    position:absolute;
    left:70%;
    height:600px;
    width:30%;/**/
    /*border:1px solid red;*/
}
.content-right1{
    /*position:absolute;*/
    height:34%;
    /*border:1px solid black;*/
}
.content-right2{
    /*position:absolute;*/
    height:33%;
    /*border:1px solid black;*/
}
.content-right3{
    /*position:absolute;*/
    height:33%;
    /*border:1px solid black;*/
}

.pad{
    display:none;
}
/*pc端*/
@media screen and (min-width:960px){
    .top{
      min-width:960px;
    }
}